{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="float-end">
        <a href="{{ cancel }}" data-bs-toggle="tooltip" title="Back To Module" class="btn btn-primary"><i class="fa fa-reply"></i></a>
      </div>
      <h1>Opencart Google Translate User Guide</h1>
    </div>
  </div>
  <div class="container-fluid">
    <div class="card">
      <div class="card-header">Opencart Google Translate User Guide</div>
      <div class="card-body">
        {% for i in 1..6 %}
          <div class="mb-3">
            <h1>Step {{ i }}: </h1><img class="img-thumbnail" src="{{ base_url }}/extension/opencartcity_translate/admin/image/opc_translate_step{{ i }}.png" alt="" />
          </div>
        {% endfor %}
      </div>
    </div>
  </div>
</div>
{{ footer }}
